<div class="actionsbar" style="">
    <div class="col-12">
        <div class="sw-nav-action mb-0">
            <div class="nav card-body mt-1 p-2 justify-content-end">         
                <div class="btn-group mr-2" role="group" aria-label="First group">
                    <button type="button" ng-click="$ctrl.back()" class="btn btn-secondary btn-sm px-5"><i class="mi mi-Cancel"></i>
                        <span ng-bind="$ctrl.translate('Back')"></span></button>
                </div>
                <div ng-if="$ctrl.previewUrl" class="btn-group mr-2" role="group" aria-label="First group">
                    <a target="_blank" href="{{$ctrl.previewUrl}}" class="btn btn-info btn-sm px-5"><i class="fa fa-eye"></i>
                        <span ng-bind="$ctrl.translate('Preview')"></span></a>
                </div>
                <div ng-if="$ctrl.contentUrl" class="btn-group mr-2" role="group" aria-label="First group">
                    <a href="{{$ctrl.contentUrl}}" class="btn btn-info btn-sm px-5"><i class="mi mi-arrow"></i>
                        <span ng-bind="$ctrl.translate('Data')"></span></a>
                </div>
                <div class="btn-group" role="group" aria-label="First group">
                        <button id="btnToSubmit" type="submit" class="btn btn-primary pl-5 pr-4"><i class="mi mi-Save"></i>
                            <span ng-bind="$ctrl.translate('Save')"></span></button>
                        <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">Save and continue</a>
                            <a class="dropdown-item" href="#">Save and publish</a>
                            <!-- <div role="separator" class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Separated link</a> -->
                        </div>
                    </div>
                <!-- <div class="row">
                    <div class="col text-center">
                        <button type="submit" class="btn btn-lg btn-outline-primary btn-block">
                            <i class="mi mi-Save"></i> <span class="text-uppercase" ng-bind="$ctrl.translate('save')"></span>
                        </button>
                    </div>
                    <div class="col text-center" ng-show="$ctrl.saveAnContinueUrl">
                        <a href="{{$ctrl.saveAnContinueUrl}}" class="btn btn-lg btn-outline-info btn-block" target="_blank">
                            <i class="mi mi-Save"></i> <span class="text-uppercase" ng-bind="$ctrl.translate('saveAnContinue')"></span>
                        </a>
                    </div>
                    <div class="col text-center" ng-show="$ctrl.previewUrl">
                        <a href="{{$ctrl.previewUrl}}" class="btn btn-lg btn-outline-info btn-block" target="_blank">
                            <i class="mi mi-PreviewLink"></i> <span class="text-uppercase" ng-bind="$ctrl.translate('preview')"></span>
                        </a>
                    </div>
                    <div class="col text-center">
                        <a ng-click="$ctrl.back()" class="btn btn-lg btn-outline-secondary btn-block">
                            <i class="mi mi-Previous"></i> <span class="text-uppercase" ng-bind="$ctrl.translate('back')"></span>
                        </a>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
</div>
